<template>
  <div style="height: 30px; line-height: 30px;display: flex;justify-content: flex-start;">
    <el-button :icon="Back" @click="goBack" />
    <el-tag type="primary" size="large" style="margin-left: 10px">任务：taskName1</el-tag>
  </div>

  <el-tabs v-model="tabName" class="demo-tabs" @tab-click="handleClick">
    <el-tab-pane label="任务设置" name="TaskSetting">
      <TaskSetting/>
    </el-tab-pane>
    <el-tab-pane label="节点管理" name="TaskNodeManager">
      <TaskNodeManager/>
    </el-tab-pane>
    <el-tab-pane label="执行详情" name="TaskExecuteDetail">
      <TaskExecuteDetail/>
    </el-tab-pane>
  </el-tabs>
</template>

<script setup>
import {useRouter} from 'vue-router';
import TaskSetting from "./detail/TaskSetting.vue";
import TaskNodeManager from "./detail/TaskNodeManager.vue";
import TaskExecuteDetail from "./detail/TaskExecuteDetail.vue";
import { Back } from '@element-plus/icons-vue'


const router = useRouter();

const tabName = 'TaskSetting';

const goBack = () => {
  router.go(-1);
};

</script>
